(function(){
    //判断用户是否登陆
    $(function(){
        let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
        let deta=JSON.parse(sessionStorage.getItem("odeta"))||{}
        if(obj.u_name){
            $("title").text(deta.cname)
            //修改登陆人信息
           $(".h-right").children().eq(1).children().eq(0).text(obj.u_name)
            //修改产品名称
            $(".traName").text(deta.cname)
            $(".gat").text(deta.cname)
            
            //修改产品价格
            $(".price").text(deta.cprice)
            //修改放大镜的图片
            $("#smallImg").attr("src",deta.cimg)
            $("#bigImg").attr("src",deta.cimg)


        }else{
            location="land.html"
        }
    })

    



    $(window).on("load",function(){
        //放大镜
        //更改小区域的宽高
        $("#smallArea").css({
            width:($(".small").width()/$("#bigImg").width())*$("#bigArea").width(),
            height:($(".small").height()/$("#bigImg").height())*$("#bigArea").height()
        })
        //鼠标进入显示小区域/和大区域
        $(".small").on("mouseenter",function(){
            $("#smallArea").fadeIn()
            $("#bigArea").fadeIn()
        }).on("mouseleave",function(){
            $("#smallArea").fadeOut()
            $("#bigArea").fadeOut()
        }).on("mousemove",function(e){
            var disX=e.pageX-$(".small").offset().left-$("#smallArea").width()/2
            var disY=e.pageY-$(".small").offset().top-$("#smallArea").height()/2
            if(disX<0){
                disX=0
            }
            if(disX>=$(".small").width()-$("#smallArea").width()){
                disX=$(".small").width()-$("#smallArea").width()
            }
            if(disY<0){
                disY=0
            }
            if(disY>=$(".small").height()-$("#smallArea").height()){
                disY=$(".small").height()-$("#smallArea").height()
            }
            
            $("#smallArea").css({
                left:disX,
                top:disY
            })
            //比例
            var $scrol=$("#bigArea").width()/$("#smallArea").width()
            $("#bigImg").css({
                left:-disX*$scrol,
                top:-disY*$scrol
            })
        })



        //右边盖楼层效果
        //右边的楼层，鼠标移出移出
        $(".conele li").on("mouseenter",function(){
            $(this).css({
                background:"#3485fb",
                color:"#fff"
            }).siblings().css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").show().end().siblings().find(".ele-text").hide()
        }).on("mouseleave",function(){
            $(this).css({
                background:"#fff",
                color:"#3485fb"
            })
            $(this).find(".ele-text").hide()
        }) 
        //返回顶部
        $(".toTop").on("click", function () {
            //注意! 回到顶部
            $("html,body").animate({
                scrollTop: 0
            })
        })

        //鼠标移入移出nav的效果
        $(".con-nlist .nav-min").on("mouseenter",function(){
            $(this).css({
                color:"#3399cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#000"
            })
        })
        //进入购物车
        $(".tShopimg").on("click",function(){
           
                location="Cart.html"
            
        })

        //固定导航栏的效果
        
        $(window).on("scroll",function(){
            if($(this).scrollTop()>0){
                $(".con-top").css({
                    position:"fixed",
                    top:$("header").height(),
                    left:"50%",
                    zIndex:4,
                    marginLeft:-$(".con-top").width()/2
                    
                })
                $("header").css({
                    position:"fixed",
                    top:"0px",
                    left:"0px",
                    zIndex:4,
                    width:"100%"
                    
                })
                var $heigh= $(".con-top").height()+$("header").height()+13
                $(".con-nav").css({
                    marginTop:$heigh
                })
            }
        })


        //加加减减的效果
        $(".min").on("click",function(){
            var $value=$('[type="number"]').val()-0.1
            if($value<=0.1){
                $value=0.1
            }
            $('[type="number"]').val(($value).toFixed(1))

        })
        $(".max").on("click",function(){
            var $value=parseFloat($('[type="number"]').val())+0.1
            
            $('[type="number"]').val(($value).toFixed(1))

        })

        //鼠标移入购买和移出的效果
        $(".toShop").on("mouseenter",function(){
            $(this).css({
                color:"#fff",
                background:"#e50000"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#e50000",
                background:"#fff"
            })
        })
        $(".aixin").parent().on("mouseenter",function(){
            $(this).css({
                color:"#e50000",
                border:"1px solid #e50000"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#989898",
                border:"1px solid #999999"
            })
        })
        //鼠标移入移出nav导航的效果
        $(".con-nlist li").on("mouseenter",function(){
            $(this).css({
                color:"#fff",
                background:"#3399cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#000",
                background:"#fff"
            })
        })
        //

        //选择尺寸的移入移出和点击效果
        var $index=0
        $(".hao").on("click",function(){

            $(this).addClass("current").siblings().removeClass("current")
        }).on("mouseenter",function(){
            $(this).addClass("current2").siblings().removeClass("current2")
        }).on("mouseleave",function(){
            $(this).removeClass("current2")
        })


        //点击添加购物车以后进行的操作
        $(".toCart").on("click",function(){
            let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
            var oProduct ={
                pimg:$("#bigImg").attr("src"),
                pname:$(".traName").text(),
                pprice:$(".price").text(),
                pspec:$(".date-tit1").find(".current").text(),
                pnum:$('[type="number"]').val(),
                uid:obj.u_id,
            }

            $.ajax({
                url:"./goods/addCart",
                type:"post",
                data:oProduct
            }).then(function(res){
                var {msg,code}=res
                console.log(msg);
                if(code==-200){
                   console.log(msg);
                }else{
                    
                    alert(msg)
                    console.log(res);
                    
                }
                
            })

            
            
        })


       
                //购物车数量
                let oCar=JSON.parse(sessionStorage.getItem("pCars"))||{}
                $(".h-right").children().eq(4).children().eq(1).text(oCar.length)
           

        

        //添加购物车
    // $(function(){
    //     //获取size
    //     let $size=$(".date-tit1").children().eq(3).children("button")
    //         console.log($size.hasClass("current"));
    //     let obj=JSON.parse(sessionStorage.getItem("ouser"))||{}
    //     var oCart={
    //         cimg:$("#bigImg").attr("src"),
    //         cname:$(".traName").text(),
    //         csize: 1,
    //         cprice:$(".price").text(),
    //         cnum:$(".number").val(),
    //         uid:obj.c_id,
    //     }
    // })
        






    })




})()